<!--异动记录-->
<template>
	<el-card>
		<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
			<el-tab-pane label="入职纪录" name="entry">
				<Entry />
			</el-tab-pane>
			<el-tab-pane label="转正纪录" name="positive">
				<Positive />
			</el-tab-pane>
			<el-tab-pane label="调动纪录" name="transfer">
				<Transfer />
			</el-tab-pane>
			<el-tab-pane label="离职纪录" name="dimission">
				<Dimission />
			</el-tab-pane>
		</el-tabs>
	</el-card>
</template>

<script setup lang="ts" name="TransactionIndex">
import { TabsPaneContext } from 'element-plus'
import { defineAsyncComponent, defineComponent, ref } from 'vue'

import Entry from './plane/transaction-entry-index.vue'

const Positive = defineAsyncComponent(() => import('./plane/transaction-positive-index.vue'))
const Transfer = defineAsyncComponent(() => import('./plane/transaction-transfer-index.vue'))
const Dimission = defineAsyncComponent(() => import('./plane/transaction-dimission-index.vue'))

defineComponent({
	components: { Transfer, Positive, Dimission }
})

const typeList = ref()

const activeName = ref('entry')
const handleClick = (tab: TabsPaneContext, event: Event) => {
	console.log(tab, event)
}
</script>
